<template>
  <div class="childTwo">
    <h1>第二个子组件</h1>
    <el-button @click="send">发送数据给兄弟</el-button>
    <h1>state:{{ $store.state.count }}</h1>
    <h1>getters:{{ $store.getters.douCount }}</h1>
    <el-button @click="change">使用mutations修改state</el-button>
    <el-button @click="mychange">使用actions修改state</el-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      twoData: '我是关羽'
    }
  },
  methods: {
    send() { // 一个兄弟组件 传送数据
      this.$bus.$emit('sendTwo', this.twoData)
    },
    change() {
      // 触发mutations的方法
      this.$store.commit('changeCount', 5)
    },
    mychange() {
      // 触发actions去修改
      this.$store.dispatch('countAct', 10)
    }
  }
}
</script>
<style scoped>

</style>
